<!-- 精品店 -->
<style type="text/less">
    @import "/web/public/public.less";
    .hot-special{
        .title{
            margin: 20px 0 30px;
            font-size: 20px;

            a{
                .fr;
                font-size: 14px;
                color: #7f7f7f;
                line-height: 20px;
            }
            .title_link{
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px;
                font-size: 20px;
                color: #333333;
                line-height: 26px;
            }
        }
        img{
            width: 302px;
            height: 183px;
        }
        .special-title{
            color: #6e6e6e;
            font-size: 16px;
            line-height: 60px;
            font-weight: normal;
        }
        .content{
            font-size: 14px;
            color: #7f7f7f;
            line-height: 24px;
            padding-bottom: 30px;
        }
        .data{
            line-height: 50px;
            font-size: 14px;
            color: #7f7f7f;
            border-bottom: 1px solid #EEEEEE;
        }
    }
</style>
<script src="/web/lib/less.min.js"></script>
<#if channel.channelStatus == 1>
    <div class="hot-special">
        <div class="title">
            <h2 class="title_h2">
                <i class="title-line"></i>
                <a class="title_link" href="${"${domainJiaJu}/web/list/${channel.channelRewriteUrl}/index_1.html"}" target="_blank" title="${channel.channelName}">${channel.channelName}</a>
            </h2>
            <a href="${"${domainJiaJu}/web/list/${channel.channelRewriteUrl}/index_1.html"}" target="_blank">更多 ></a>
        </div>
        <#list list as info>
            <div>
                <#if info.articleOutLinkStatus == 1>
                    <a href="${info.articleOutLink}" target="_blank" title="${info.articleTitle}"><img src="${info.articleTitleImage}" alt="${info.articleTitleImageAlt}" title="${info.articleTitleImageAlt}"></a>
                    <h3><a class="special-title" href="${info.articleOutLink}" target="_blank" title="${info.articleTitle}">${info.articleTitle}</a></h3>
                    <div class="content">${info.articleInfo}</div>
                <#else>
                    <a href="${info.articleUrl}" target="_blank" title="${info.articleTitle}"><img src="${info.articleTitleImage}" alt="${info.articleTitleImageAlt}" title="${info.articleTitleImageAlt}"></a>
                    <h3><a class="special-title" href="${info.articleUrl}" target="_blank" title="${info.articleTitle}">${info.articleTitle}</a></h3>
                    <div class="content">${info.articleInfo}</div>
                </#if>
            </div>
        </#list>
    </div>
</#if>